<template>
	<view>
		<view class="backicon" @click="back">
			<u-icon name="arrow-left" color="#fff" size="28"></u-icon>
		</view>
		<video :src="path" :autoplay="true" :loop="true" :controls='true' :show-fullscreen-btn="false" :show-play-btn="false" :show-loading="false" :show-mute-btn="CSSFontPaletteValuesRule"  style="width: 750rpx;height: 100vh;"></video>
		
	</view>
</template>
<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				path:"",
				pageheight:0
			}
		},
		onLoad(options) {
			this.pageheight = uni.getSystemInfoSync().screenHeight
			this.path = options.path
		},
		methods: {
			back(){
				uni.navigateBack(1)
			}
		}
	}
</script>

<style>
	.backicon{
		position: fixed;
		left: 50rpx;
		top: 50rpx;
	}
	.boxitem{
		position: fixed;
		bottom: 100rpx;
		left: 0;
		width: 750rpx;
	}
	.submitBtn{
		text-align: center;
		background-color: #2979ff;
		border-radius: 50rpx;
		padding: 20rpx 100rpx;
		color: #fff;
	}
</style>
